{extend name="public/base" /}

{block name="title"}修改新闻{/block}

{block name="main"}
<form class="layui-form layui-row " action="" method="post">
<input type="hidden" name="id" value="{$id}" />
<div class="layui-tab layui-tab-brief" style="margin-top: 0px;">
    <ul class="layui-tab-title">
        <li class="layui-this">修改新闻</li>
        <li >SEO优化 <i class="layui-icon layui-icon-auz JP_vip_icon" style="color: #ffb800;"></i></li>
    </ul>
    
    <!-- 主体内容 START --->
    <div class="layui-tab-content layui-col-xs12" style="padding: 10px 0px 50px 0px;">
        <div class="layui-tab-item layui-show">
            
            <div class="layui-form-item ">
    			<label class="layui-form-label">新闻图片：</label>
    			<div class="layui-input-block">
                    <input type="hidden" name="pic" value="" id="JS_upImg_input" />
                    <div class="e-upload-img" id="JS_upload_img" style="{$info['pic']?'':'display: none;'}"><img src="{$info['pic']}" /></div>                    
                    <button type="button" class="layui-btn" id="JS_upload_btn">
                        <i class="layui-icon">&#xe67c;</i>上传图片</button>
    			</div>
    		</div>
            
            <div class="layui-form-item layui-col-md4 layui-col-sm6">
    			<label class="layui-form-label">
                    <span class="e-input-required" >*</span>新闻标题：</label>
    			<div class="layui-input-block">
    				<input type="text" name="name" value="{$info['name']}" placeholder="请填写新闻名称" lay-verify="required" class="layui-input" />
    			</div>
    		</div>
            
            <div class="layui-form-item layui-col-md4 layui-col-sm6">
    			<label class="layui-form-label">副标题：</label>
    			<div class="layui-input-block">
    				<input type="text" name="des" value="{$info['des']}" placeholder="请填写新闻标题" class="layui-input" />
    			</div>
    		</div>  
            <div class="layui-form-item layui-col-md4 layui-col-sm6">
    			<label class="layui-form-label">作者：</label>
    			<div class="layui-input-block">
    				<input type="text" name="author" value="{$info['author']}" placeholder="请填写新闻副作者" class="layui-input" />
    			</div>
    		</div> 
            <div class="layui-form-item ">
    			<label class="layui-form-label">列表排序：</label>
    			<div class="layui-input-inline" style="width: 80px;">
    				<input type="text" name="sort" value="{$info['sort']}" placeholder="1-1000" lay-verify="number|sortnum" class="layui-input" />
    			</div>
                <div class="layui-form-mid layui-word-aux">新闻在列表中排序,数值越大排序越前[范围1-1000]</div>
    		</div>             
            <div class="layui-form-item ">
    			<label class="layui-form-label">分类归属：</label>
    			<div class="layui-input-inline" id="JS_select" >
                    
                </div>       
                <button type="button" id="JS_group_btn" class="layui-btn layui-btn layui-btn-primary ">分类管理</button>     
            </div>    
            
            <div class="layui-form-item ">
    			<label class="layui-form-label">标签归属：</label>
    			<div class="layui-input-block" >
                    <span id="JS_tags_box" >
                    </span>
                    <button type="button" id="JS_tags_btn" class="layui-btn layui-btn layui-btn-primary layui-btn-sm">标签管理</button>
                </div>
            </div>
            
            <div class="layui-form-item layui-col-md10 layui-col-sm11">
    			<label class="layui-form-label">新闻内容：</label>
    			<div class="layui-input-block">
                    <div class="e-editor" id="JS_editor" name="detail" placeholder="请输入新闻的详情图文介绍" ></div>
    			</div>
                <div id="JF_uditor_data" style="display: none;">{$info['detail']|raw}</div>
    		</div>
            
        </div>
        
        <div class="layui-tab-item">
            {include file="public/inc_seo" title="新闻" /}
        </div>
    </div>
    <!-- 主体内容 END --->  
</div> 
<div  class="layui-layout-admin" >
    <div class="layui-footer" style="left:0;">
        <div class="layui-form-item">
            <a href="javascript:;" class="layui-btn layui-btn-primary" onclick="javascript:history.back();">返回</a>
			<button type="button" class="layui-btn" lay-submit="" lay-filter="addFrom">保存</button>
		</div>
    </div>
</div>
</form>
<style>





</style>
{/block}
{block name="script"}
<script>
layui.use(['form','element','common','images','selectTree','sortTree','editor'],function(){
    
    
    var dd = {:json_encode($grouplist)};
    var grouid = "{$info['groupid']}";
    var tags = {:json_encode($tags)};
    // 分类显示
    var showSelect = function(data){
        var select = layui.selectTree.render({
            elem : '#JS_select', //绑定的容器元素
            data : data, //展示的数据 和 url 赋值其中一个 data 优先 没有的话从接口获取数据
          //  url  : '/set/newsgroup/ajaxlist'
            checkid : grouid, // 数据选中的ID
            name : 'groupid', // 生成的表单名称
            field : {
                id      : 'id',     // 上传表单的值对应的字段
                name    : 'groupname',   // 显示的名称
                depth   : 'depth'   // 级别字段
            }        
        });
    }
    showSelect(dd);
    
    // 分类管理   
    $('#JS_group_btn').click(function(){
        layui.sortTree.render({
            //data    : '', // 外部传进来的数据 优先于 url ，当 data 等于 '' 的时候从接口url获取
            url     : '/set/newsgroup/ajaxlist', // 指定数据获取接口 
            urladd  : '/set/newsgroup/add',
            urledit : '/set/newsgroup/edit',
            urleditstatus : '/set/newsgroup/editstatus',
            maxdepth : 2,  // 最多可以加编辑成多少层级
            done  : showSelect, 
        });
    });
    
    // 标签管理
    // 展示标签
    var showTags = function(data,checkList){
        $('#JS_tags_box').html('');
        $.each(data,function(k,v){
            var check = '';
            $.each(checkList,function(k,val){
                if( Number(val) == Number(v.id) ) check ='checked';
            })
            var html = '<input type="checkbox" value="'+v.id+'" name="tags[]" title="'+v.tagname+'" '+check+'>';
            $('#JS_tags_box').append(html);
        });
        layui.form.render('checkbox'); //更新全部
    }
    var initTags = function(){
        $.get( '/set/tags/getlist', {},function(ret){
            showTags(ret.data,tags);
        },'json');
    }
    initTags();
    window.tagsCall = function(data){
        var list = $('#JS_tags_box input:checked');
        var checkList = new Array();
        $.each(list,function(k,v){
            checkList.push($(this).val());
        });
        showTags(data,checkList);
    }
    $('#JS_tags_btn').click(function(){
        layui.layer.open({
            skin: 'layui-layer-admin', //样式类名
            title:'标签管理',
            type: 2, 
            closeBtn: 0, //不显示关闭按钮
            area: ['500px', '90%'],
            content: ['/set/tags/open']
        }); 
    });
    
     // 图片上传图片
    layui.images.render({
        saveH : "1",
        saveW : "1",
        elem : '#JS_upload_btn',
        url  : JS_config.url_upload, //上传接口
        type : 'news',
        done : function(ret){
            if( ret.code == 1 ){
                $('#JS_upload_img').show();
                $('#JS_upload_img img').attr('src',ret.data[0]);
                $('#JS_upImg_input').val(ret.data[0]);
            }else{
                layui.common.tip(ret.msg);
            }
        }
    });     
    
    // 编辑器
    var data = $('#JF_uditor_data').html();
    layui.editor.render({'elem' : 'JS_editor','data':data});
    
    layui.form.verify({
        sortnum: function(value, item){
            if(value > 1000 || value < 1){
              return '请填写1-1000的数字';
            }
        }
    });
    // 保存表单
    layui.form.on('submit(addFrom)',function(data){   
        /*
        if( data.field.pic == ''){
            layui.common.error('请先上传新闻图片');
            return false;
        }*/
        if( data.field.groupid == ''){
            layui.common.error('请选择新闻分类');
            return false;
        }
        layui.common.post('/set/news/edit',data.field);
        return false;
    });
})
</script>
{/block}